<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        form>* {
            margin-bottom: 20px;
            /* 为每个表单元素添加底部边距 */
        }
    </style>
</head>

<body>

    <center style="line-height: 1.5;">
        <form action="" method="post">
            姓名 <input type="text" name="username" placeholder="请输入用户名"> <br>
            手机 <input type="text" name="phone" placeholder="请输入手机号"> <br>
            性别 <input type="radio" name="gender" value="boy"> 男
            <input type="radio" name="gender" value="girl"> 女
            <input type="radio" name="gender" value="unknown"> 未知 <br>
            年龄 <input type="text" name="age" placeholder="请输入年龄"> <br>
            QQ <input type="text" name="qqNumber" placeholder="请输入qq号"> <br>
            学科 <select name="subject">
                <option value="math">数学</option>
                <option value="chinese">语文</option>
                <option value="english">英语</option>
            </select> <br>
            渠道 <select name="path">
                <option value="qq">QQ</option>
                <option value="weChat">微信</option>
                <option value="bilibili">B站</option>
            </select> <br>
            备注
            <br>
            <textarea name="notes" rows="4" cols="50" placeholder="请输入备注"></textarea> <br>
            <input type="submit" value="注册">
            <input type="reset">
        </form>
        
    </center>

</body>

</html>